<div class="doc-content">



<header class="api-profile-header" >
  <h2 class="md-display-1" >{{currentDoc.name}} API Documentation</h2>
  
</header>



<div layout="row" class="api-options-bar with-icon"></div>


<div class="api-profile-description">
  <p><code>&lt;md-nav-item&gt;</code> describes a page navigation link within the <code>&lt;md-nav-bar&gt;</code>
component. It renders an md-button as the actual link.</p>
<p>Exactly one of the mdNavClick, mdNavHref, mdNavSref attributes are required to be
specified.</p>

</div>


<div>
  

  

  
  <section class="api-section">
    <h2 id="Usage">Usage</h2>
  
    <p>See <code>&lt;md-nav-bar&gt;</code> for usage.</p>

  
  </section>
  
  <div class="api-param-section">
    <h2>
      
        Attributes
      
    </h2>
    <div class="api-param-table">
      
<table class="md-api-table">
  <thead>
    <tr>
      <th>Parameter</th>
      <th>Type</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
  
  
    
  
    
  
    
  
    
  
  
    
      <tr class="api-params-item">
        <td style="white-space: nowrap;">
          mdNavClick
          
          <span hide show-sm>
<code class="api-type label type-hint type-hint-function">Function=</code></span>
        </td>
        <td style="white-space: nowrap;">
<code class="api-type label type-hint type-hint-function">Function=</code></td>
        <td class="description">
          <p>Function which will be called when the
link is clicked to change the page. Renders as an <code>ng-click</code>.</p>

          
        </td>
      </tr>
    
  
    
      <tr class="api-params-item">
        <td style="white-space: nowrap;">
          mdNavHref
          
          <span hide show-sm>
<code class="api-type label type-hint type-hint-string">string</code></span>
        </td>
        <td style="white-space: nowrap;">
<code class="api-type label type-hint type-hint-string">string</code></td>
        <td class="description">
          <p>url to transition to when this link is clicked.
Renders as an <code>ng-href</code>.</p>

          
        </td>
      </tr>
    
  
    
      <tr class="api-params-item">
        <td style="white-space: nowrap;">
          mdNavSref
          
          <span hide show-sm>
<code class="api-type label type-hint type-hint-string">string</code></span>
        </td>
        <td style="white-space: nowrap;">
<code class="api-type label type-hint type-hint-string">string</code></td>
        <td class="description">
          <p>Ui-router state to transition to when this link is
clicked. Renders as a <code>ui-sref</code>.</p>

          
        </td>
      </tr>
    
  
    
      <tr class="api-params-item">
        <td style="white-space: nowrap;">
          name
          
          <span hide show-sm>
<code class="api-type label type-hint type-hint-string">string</code></span>
        </td>
        <td style="white-space: nowrap;">
<code class="api-type label type-hint type-hint-string">string</code></td>
        <td class="description">
          <p>The name of this link. Used by the nav bar to know
which link is currently selected.</p>

          
        </td>
      </tr>
    
  

  </tbody>
</table>

    </div>
  </div>
  


  
</div>


</div>
